<html>
<head>
  <title>Devcathlon: Create a Match</title>
  <link rel="stylesheet" type="text/css" href="style/boilerplate/chrometheme/chromestyle2.css" />

  <script type="text/javascript" src="style/boilerplate/chromejs/chrome.js">

  /***********************************************
  * Chrome CSS Drop Down Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  * This notice MUST stay intact for legal use
  * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  ***********************************************/

  </script>
  
  <link rel="stylesheet" type="text/css" href="style/boilerplate/screen.css" media="screen" />
  <link rel="stylesheet" type="text/css" href="style/boilerplate/print.css" media="print" />
  <style>
    .entry {border-top: 1px solid #3366CC; margin-top: 1px;}
  </style>
</head>

<body>
  <div id="page"> 
    <div id="header">
      <div align="right" style="margin-top: -100px;"><img src="logo.jpg"></div>
      <div class="chromestyle" id="chromemenu">
      <ul>
        <li><a href="index.loggedin.html">Home Page</a></li>
        <li><a href="myprofile.html" rel="profiledrop">My Profile</a></li>
        <li><a href="browseProfiles.html">Browse Profiles</a></li>
        <li><a href="#" rel="dropmenu1">Matches</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="#" rel="dropmenu2">Hall of Fame</a></li>
        <li><a href="#" rel="dropmenu3">Help</a></li>        
        <li><a href="">         </a></li>
        <li><a href="index.html">Logout!</a></li> 
      </ul>      
    </div>
    
<!--Drop down menu for My Profile -->                                                   
<div id="profiledrop" class="dropmenudiv">
  <a href="editProfile.html">Edit Profile</a>
  <a href="myteams.html">My Teams</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1" class="dropmenudiv">
  <a href="publicMatches.html">Public Matches</a>
  <a href="mymatches.html">My Matches</a>
</div>

<!--2nd drop down menu -->                                                
<div id="dropmenu2" class="dropmenudiv" style="width: 150px;">
  <a href="topTeams.html">Top Teams</a>
  <a href="TopIndividuals.html">Top Individuals</a>
</div>

<!--3rd drop down menu -->                                                   
<div id="dropmenu3" class="dropmenudiv" style="width: 150px;">
  <a href="help.html">FAQ</a>
  <a href="contact.html">Contact Info</a>
</div>

<script type="text/javascript">

  cssdropdown.startchrome("chromemenu")

</script>

<!-- -------------- Page contents begins --------------- -->

<body>
<br>
<h2>Create a Match</h2>
<p>The creator of the match is by default the match comissioner. He/she is the one who can edit the details to a match anytime. </p>
<form id="form1" name="form1" method="post" action="matchset.html" style="margin-left: 20px;">
  <table width="336" border="0">
    <tr>
      <td width="131"><h4>Title of Match:</h4></td>
      <td width="153"><input name="match_title" type="text" id="match_title" size="30"></td>
    </tr>
  </table>
  <table width="274" border="0">
    <tr>
      <td width="132"><h4>My Team:</h4></td>
      <td width="195"><select name="my_teams" id="my_teams">
        <option value="Mockup2" selected>Mockup2</option>
        <option value="GothamCityPolice">Gotham City Police</option>
      </select>
      </td>
    </tr>
  </table>
  <table width="344" border="0">
    <tr>
      <td width="93"><h4>My Project:</h4></td>
      <td width="241"><label>
        <select name="Projects" id="Projects">
          <option value="devcathlon">Devcathlon</option>
          <option value="duedates">DueDates 2.0</option>
        </select>
      </label></td>
    </tr>
  </table>
  <h4>Team(s) to Invite:</h4>
  <p><em> * separate teams with a semicolon (;) *</em><br />
    <br />
    <textarea name="teams" cols="50" rows="6" id="teams"></textarea>
    </label>
      </p>
  </p>
  <h4>Time Period for Match:</h4>
  <table width="336" border="0">
    <tr>
      <td>Start Date: </td>
      <td><select name="start_month" size="1" id="start_month">
        <option value="1" selected="selected">Jan</option>
        <option value="2">Feb</option>
        <option value="3">Mar</option>
        <option value="4">Apr</option>
        <option value="5">May</option>
        <option value="6">Jun</option>
        <option value="7">Jul</option>
        <option value="8">Aug</option>
        <option value="9">Sep</option>
        <option value="10">Oct</option>
        <option value="11">Nov</option>
        <option value="12">Dec</option>
      </select>
        <select name="start_day" size="1" id="start_day">
          <option value="1" selected="selected">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
          <option value="10">10</option>
          <option value="11">11</option>
          <option value="12">12</option>
          <option value="13">13</option>
          <option value="14">14</option>
          <option value="15">15</option>
          <option value="16">16</option>
          <option value="17">17</option>
          <option value="18">18</option>
          <option value="19">19</option>
          <option value="20">20</option>
          <option value="21">21</option>
          <option value="22">22</option>
          <option value="23">23</option>
          <option value="24">24</option>
          <option value="25">25</option>
          <option value="26">26</option>
          <option value="27">27</option>
          <option value="28">28</option>
          <option value="29">29</option>
          <option value="30">30</option>
          <option value="31">31</option>
        </select>
        <select name="start_year" id="start_year">
          <option value="2009" selected="selected">2009</option>
          <option value="2010">2010</option>
          <option value="2011">2011</option>
          <option value="2012">2012</option>
          <option value="2013">2013</option>
          <option value="2014">2014</option>
          <option value="2015">2015</option>
        </select></td>
    </tr>
    <tr>
      <td>End Date:</td>
      <td><select name="end_month" size="1" id="end_month">
        <option value="1" selected="selected">Jan</option>
        <option value="2">Feb</option>
        <option value="3">Mar</option>
        <option value="4">Apr</option>
        <option value="5">May</option>
        <option value="6">Jun</option>
        <option value="7">Jul</option>
        <option value="8">Aug</option>
        <option value="9">Sep</option>
        <option value="10">Oct</option>
        <option value="11">Nov</option>
        <option value="12">Dec</option>
      </select>
        <select name="end_day" size="1" id="end_day">
          <option value="1" selected="selected">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
          <option value="10">10</option>
          <option value="11">11</option>
          <option value="12">12</option>
          <option value="13">13</option>
          <option value="14">14</option>
          <option value="15">15</option>
          <option value="16">16</option>
          <option value="17">17</option>
          <option value="18">18</option>
          <option value="19">19</option>
          <option value="20">20</option>
          <option value="21">21</option>
          <option value="22">22</option>
          <option value="23">23</option>
          <option value="24">24</option>
          <option value="25">25</option>
          <option value="26">26</option>
          <option value="27">27</option>
          <option value="28">28</option>
          <option value="29">29</option>
          <option value="30">30</option>
          <option value="31">31</option>
        </select>
        <select name="end_year" id="end_year">
          <option value="2009" selected="selected">2009</option>
          <option value="2010">2010</option>
          <option value="2011">2011</option>
          <option value="2012">2012</option>
          <option value="2013">2013</option>
          <option value="2014">2014</option>
          <option value="2015">2015</option>
        </select></td>
    </tr>
  </table>
  <h4><strong>Scoring:</strong></h4>
  <table width="573" border="0">
    <tr>
      <td width="163"><strong>Type</strong></td>
      <td width="83"><div align="center"><strong>Enable?</strong></div></td>
      <td width="164"><strong>Specifications</strong></td>
      <td width="145">&nbsp;</td>
    </tr>
    <tr>
      <td>Commit Early / Late</td>
      <td><div align="center">
        <input type="checkbox" name="commit_enable" id="commit_enable" />
      </div></td>
      <td><div align="right">Early:
          <select name="commit_plus_points" id="commit_plus_points">
            <option value="1">+1</option>
            <option value="2">+2</option>
            <option value="3">+3</option>
            <option value="4">+4</option>
            <option value="5">+5</option>
            <option value="6">+6</option>
            <option value="7">+7</option>
            <option value="8">+8</option>
            <option value="9">+9</option>
            <option value="10">+10</option>
            </select>
      </div></td>
      <td><label>
        <div align="right">Late:
          <select name="commit_minus_points" id="commit_minus_points">
            <option value="-1">-1 </option>
            <option value="-2">-2</option>
            <option value="-3">-3</option>
            <option value="-4">-4</option>
            <option value="-5">-5</option>
            <option value="-6">-6</option>
            <option value="-7">-7</option>
            <option value="-8">-8</option>
            <option value="-9">-9</option>
            <option value="-10">-10</option>
              </select>
        </div>
      </label></td>
    </tr>
    <tr>
      <td>Build OK/Fail</td>
      <td><div align="center">
        <input type="checkbox" name="build_enable" id="build_enable" />
      </div></td>
      <td><div align="right">OK:     
          <select name="build_plus_points" id="build_plus_points">
            <option value="1">+1</option>
            <option value="2">+2</option>
            <option value="3">+3</option>
            <option value="4">+4</option>
            <option value="5">+5</option>
          </select>
      </div></td>
      <td><label> 
        <div align="right">Fail:
          <select name="build_minus_points" id="build_minus_points">
            <option value="-1">-1</option>
            <option value="-2">-2</option>
            <option value="-3">-3</option>
            <option value="-4">-4</option>
            <option value="-5">-5</option>
          </select>
        </div>
      </label></td>
    </tr>
    <tr>
      <td>High Test Coverage</td>
      <td><div align="center">
        <label>
        <input type="checkbox" name="test_coverage_enabled" id="test_coverage_enabled" />
        </label>
      </div></td>
      <td><div align="right">
        <label>
        <div align="right">Percentage:
          <select name="high_cover_percent" id="high_cover_percent">
            <option value="60">60%</option>
            <option value="65">65%</option>
            <option value="70">70%</option>
            <option value="75">75%</option>
            <option value="80">80%</option>
            <option value="85">85%</option>
            <option value="90">90%</option>
            <option value="95">95%</option>
            <option value="100">100%</option>
          </select>
        </div>
        </label>
      </div>        <label>
        <div align="right"></div>
      </label></td>
      <td><div align="right">
        <select name="test_coverage_point" id="test_coverage_point">
          <option value="1">+1</option>
          <option value="2">+2</option>
          <option value="3">+3</option>
          <option value="4">+4 </option>
          <option value="5">+5</option>
          <option value="6">+6</option>
          <option value="7">+7</option>
          <option value="8">+8</option>
          <option value="9">+9</option>
          <option value="10">+10</option>
        </select>
        </div></td>
    </tr>
  </table>
  <p align="left">
    <input type="submit" name="Create Match" id="Create Match" value="Create Match" />
    <input type="submit" name="cancel" id="cancel" value="Cancel" /></p>
</form>

<div id="footerFeedback">
<p> This is the form to create a match.  </p>
<p>The teams are expected to be created ahead of time, so the user can simply specify which teams rather than creating it themself. The user would see a  more elaborate list of events that he/she may choose for their match. The user can also specify the amount of points that would be awarded for each event. When all the settings are applied, the form would try to find all the teams specified and then set an alert for each member. If any one team is not found, the user is brought back to this page with an error message.</p>
</div>
</body>
</html>
